<template>
    <!--
    1、铺设数据到列表中
    2、有对应的操作 删除
    3、当没有数据的时候 显示一条提示语
    -->
    <div class="list">
        <table class="tb">
            <tr>
                <th>商品编号</th>
                <th>品牌名称</th>
                <th>创立时间</th>
                <th>操作</th>
            </tr>
            <!--循环列表数据-->
            <tr>
                <td>1</td>
                <td>宝马</td>
                <td>2024-11-16</td>
                <td>
                    <button>删除</button>
                </td>
            </tr>
            <tr>
                <td colspan="4">没有更多数据了！！</td>
            </tr>
        </table>

    </div>


</template>
<script>
export default {
    data() {
        return {
            Carlist: [
                {id:1,name:'宝马',time:'2024-11-16'},
            ]
        }
    }
}

</script>
<style scoped>
.list{
    border: 1px solid #ccc;
    padding: 10px;
  
}
.tb{
    width: 100%;
    border-collapse: collapse;
}
tr td{
    border: #ccc 1px solid;
    padding: 5px;
    text-align: center;
}
</style>